<template>
    <div class="home">
      <el-table :data="order" border style="width: 100%;margin: 0;" v-loading="order_loading2"
                element-loading-text="拼命加载中">
        <el-table-column type="expand">
          <template slot-scope="props">
            <el-table :data="props.row.info" style="width: 100%;float:left;" v-loading="loading2"
                      element-loading-text="拼命加载中">
              <el-table-column prop="goods_name" label="商品名称" width="200">
              </el-table-column>
              <el-table-column prop="class_name" label="商品图片 " width="280">
                <template slot-scope="scope">
                  <img :src="urlimg+scope.row.thumbnail" class="img_"/>
                </template>
              </el-table-column>
              <el-table-column prop="pivot.goods_num" label="商品数量" width="200">
              </el-table-column>
              <el-table-column prop="price" label="商品单价" width="200">
              </el-table-column>
              <el-table-column prop="" label="小计" width="200">
                <template slot-scope="scope">
                  <span>{{scope.row.price * scope.row.pivot.goods_num}}</span>
                </template>
              </el-table-column>
            </el-table>
          </template>
        </el-table-column>
        <el-table-column prop="wx_order_num" label="订单编号" width="150">
        </el-table-column>
        <el-table-column prop="user.nickname" label="用户昵称" width="130">
        </el-table-column>
        <el-table-column prop="user.phone" label="用户电话" width="130">
        </el-table-column>
        <el-table-column prop="actual_price" label="订单总金额" width="130">
        </el-table-column>
        <el-table-column prop="total" label="折扣金额" width="130">
        </el-table-column>
        <el-table-column prop="userinfo.default_address" label="用户地址" width="280">
        </el-table-column>
        <el-table-column prop="express_number" label="发货信息（例：快递号）" width="250">
        </el-table-column>
        <el-table-column prop="created_at" label="添加时间" width="180">
        </el-table-column>
      </el-table>
    </div>
</template>
<script>
    export default {
        components: {},
      props:{
        order:{
            type:Array
        }
      },
        data(){
            return {
              urlimg: this.$IMG,
//              orderInfo: [],// 订单信息
            }
        },
        methods: {},
        watch: {},
        computed: {
            //计算属性
        },
        mounted(){
            //生命周期
        }
    }
</script>
<style scoped>
    .home {
        width: 100%;
        height: 100%;
    }
</style>
